import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
// 引入elementUi
import ElementUi from "element-ui";
import "element-ui/lib/theme-chalk/index.css";
Vue.use(ElementUi);

//引入axios
import axios from "axios";
//加入axios到vue组件实例的成员属性 可以在任意组件内使用this.axios进行访问

Vue.prototype.axios = axios;

//注册elment-ui插件

//创建全局过滤器
Vue.filter("date", (time) => {
  //把bigint保存的毫秒数转换为yyyy-mm-dd 1999年-08月-08日
  // *1 隐式转为数值
  let date = new Date(time * 1);
  let yy = date.getFullYear();
  let mm = date.getMonth() + 1;
  //获取的月份是否大于9 也就是10月以上 两位数 都默认显示 否则 1 2 3 等等都变为 01 02 03
  mm = mm > 9 ? mm : "0" + mm;
  let dd = date.getDate();
  dd = dd > 9 ? dd : "0" + dd;
  //返回
  return yy + "-" + mm + "-" + dd;
});

Vue.filter("datetime", (time) => {
  //把bigint保存的毫秒数转换为yyyy-mm-dd hh:mm:ss  1999年-08月-12:32:42
  //把bigint保存的毫秒数转换为yyyy-mm-dd 1999年-08月-08日
  let date = new Date(time);
  //年
  let yy = date.getFullYear();
  //月
  let mm = date.getMonth() + 1;
  //获取的月份是否大于9 也就是10月以上 两位数 都默认显示 否则 1 2 3 等等都变为 01 02 03
  mm = mm > 9 ? mm : "0" + mm;
  //日
  let dd = date.getDate();
  dd = dd > 9 ? dd : "0" + dd;
  //时
  let hh = date.getHours();
  hh = hh > 9 ? hh : "0" + hh;
  //分
  let mi = date.getMinutes();
  mi = mi > 9 ? mi : "0" + mi;
  //秒
  let ss = date.getSeconds();
  ss = ss > 9 ? ss : "0" + ss;
  //返回
  return `${yy}-${mm}-${dd} ${hh}:${mi}:${ss}`;
});

Vue.filter("currency", (money) => {
  // 把int转换为 ¥xx.yy  ¥88.88
  return "¥" + money.toFixed(2);
});

Vue.filter("status", (val) => {
  // 将状态改为对应的汉字
  if (val == 1) {
    return "空闲";
  } else if (val == 2) {
    return "预定";
  } else if (val == 3) {
    return "占用";
  } else {
    return "其他";
  }
});

Vue.config.productionTip = false;

new Vue({
  //路由器
  router,
  //vuex 访问可使用this.$store.state.属性名
  store,
  render: (h) => h(App),
}).$mount("#app");
